<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/profile.css">
    <script src="js/script.js"></script> 
    <script src="js/profile.js"></script>
</head>
<body>
    <header>
        <nav>
            <a href="category.html">首页</a>
            <a href="index.html">分类</a>   
            <!-- category 才是分类 index.html才是首页 -->
            <a href="cart.html">购物车</a>
            <a href="profile.html">我的</a>
            &nbsp
            <button><a href="login.html">登录</a></button>
        </nav>
    </header>
    <main>
    <div class="container">
        <div class="sidebar">
            <button class="nav-btn" data-target="account">账号设置</button>
            <button class="nav-btn" data-target="wallet">钱包设置</button>
            <button class="nav-btn active" data-target="orders">订单中心</button>
            <button class="nav-btn" data-target="settings">个人设置</button>
            <button class="nav-btn" data-target="address">
                <a href="html/address.html">收货设置</a>
                </button>
        </div>
        <div class="content-area">
            <div id="account" class="content-module">账号设置内容</div>
            <div id="wallet" class="content-module">钱包设置内容</div>
            <div id="orders" class="content-module active">订单内容显示区域</div>
            <div id="settings" class="content-module">个人设置内容</div>
            <div id="address" class="content-module">收货地址管理</div>
        </div>
    </div>
</main>
</body>
</html>